<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="/WEB-INF/jsp/common/common.jsp"%>
<link href="${prcs}/css/def/ztree/metro.css" rel="stylesheet">
<link href="${prcs}/css/def/bootstrap/ace/ace-part2.min.css" rel="stylesheet">
<link href="${prcs}/css/def/bootstrap/ace/ace.css" rel="stylesheet">
<link href="${prcs}/css/def/frm/common/common.css" rel="stylesheet">
<script src="${prcs}/js/common/date-format.js"></script>
</head>
<body>
<input type="hidden" id="staffId" value="${staffId }">
	<!-- 人员信息模态框 开始 -->
	<div class="tab-top">
		<ul id="infoTab" class="nav tab-ul" role="tablist">
			<li role="presentation" class="active">
				<a id="infoAnchor" href="#info" aria-controls="info" data-toggle="tab">人员信息</a>
			</li>
			<li role="presentation">
				<a id="positionAnchor" href="#position" aria-controls="position" data-toggle="tab">组织信息</a>
			</li>
			<li role="presentation">
				<a id="roleAnchor" href="#role" aria-controls="role" data-toggle="tab">角色信息</a>
			</li>
			<li role="presentation">
				<a id="permissionAnchor" href="#permission" aria-controls="permission" data-toggle="tab">权限信息</a>
			</li>
		</ul>
	</div>
	<div class="tab-content">
            <div class="tab-pane fade in active" id="info">
				<div class="ordercheck-table table-responsive" id="infoDiv">
					<div class="form-group col-sm-12">
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="loginNameInfoObj">账号</label>
							<span class="form-control" id="loginNameInfoObj"></span>
						</div>
						<!-- <div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="staffSortInfoObj">排序</label>
							<span class="form-control" id="staffSortInfoObj"></span>
						</div> -->
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="nameInfoObj">人员姓名</label>
							<span class="form-control" id="staffNameInfoObj"></span>
						</div>
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="staffStatusInfoObj">人员状态</label>
							<span class="form-control" id="staffStatusInfoObj"></span>
						</div>
						<!-- <div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="empCodeInfoObj">身份证号</label>
							<span class="form-control" id="empCodeInfoObj"></span>
						</div> -->
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="sexInfoObj">性别</label>
							<span class="form-control" id="sexInfoObj"></span>
						</div>
						<!-- <div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="hireDateInfoObj">入职日期</label>
							<span class="form-control" id="hireDateInfoObj"></span>
						</div>
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="postcodeInfoObj">邮政编码</label>
							<span class="form-control" id="postcodeInfoObj"></span>
						</div>
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="mailAddrInfoObj">通信地址</label>
							<span class="form-control" id="mailAddrInfoObj"></span>
						</div>
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="phoneInfoObj">电话号码</label>
							<span class="form-control" id="phoneInfoObj"></span>
						</div>
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="emailInfoObj">邮箱</label>
							<span class="form-control" id="emailInfoObj"></span>
						</div> -->
						<div class="input-group" style="width:48%;margin-right:5px;float:left;">
							<label class="input-group-addon" for="mobilPhoneInfoObj">手机号码</label>
							<span class="form-control" id="mobilPhoneInfoObj"></span>
						</div>
                        <div class="input-group photo" style="width:96%;margin-right:5px;float:left;display:none;">
                         <label class="input-group-addon" for="mobilPhoneInfoObj">警官证</label>
                         <img alt="警官证" style="max-height: 460px;max-width: 600px;" id="polciePhoto">
                        </div>
					</div>
				</div>
		  </div>
	      <div class="tab-pane fade" id="position">
            <div id="staffOrgInfos" class="ordercheck-table table-responsive"></div>
		  </div>

	      <div class="tab-pane fade" id="role">
			<div id="roleDiv" class="ordercheck-table table-responsive">
			</div>
		  </div>
          <div class="tab-pane fade" id="permission">
			<ul id="permTree" class="ztree container-fluid" style="width:560px; overflow:auto;">
			</ul>
		  </div>
        </div>
	<!-- 人员信息模态框 结束 -->
</body>
<script src="${prcs}/js/jquery/plugin/jquery.ztree.all-3.5.min.js"></script>
<script src="${prcs}/js/frm/sys/staffInfo.js?v=1.0"></script>
</html>
